<template>
  <div id="TestIndex">
    <TinymceKH ref="TinymceKH1"  height="300px" width="100%" :readOnly="true"/>
    <TinymceKH ref="TinymceKH2" height="300px" width="100%" />
    <TinymceKH ref="TinymceKH3" height="300px" width="100%"/>
    <TinymceKH ref="TinymceKH4" height="300px" width="100%"/>
    <el-button @click="getAllDataForTinym">getAllDataForTinym</el-button>
  </div>
</template>

<script>
// import { mapState, mapMutations, mapActions } from 'vuex'
// import validMixins from '@/mixins/validMixins.js'
export default {
  name: 'TestIndex',
  components: {
    // TablesGZCJ,
  },
  // mixins: [validMixins],
  props: {
    // treeData: Array,
  },
  // mixins: [validMixins],
  data() {
    return {
      levelList: null
    }
  },
  computed: {
    // ...mapState('user', ['token', 'userInfo'])
  },
  watch: {
    // 'cmAddForm.enginePlatform': function(val) {
    //   console.log('enginePlatformval', val)
    //   if (val) {
    //     this.emissionOptionReq()
    //   }
    // }
  },
  created() {

  },
  mounted() {
    // this.$refs.TinymceKH1.setContent("TinymceKH1")
    this.sleepMixin(800).then(()=>{
      this.$refs.TinymceKH1.setContent("TinymceKH1")
      this.$refs.TinymceKH2.setContent("TinymceKH2")
      this.$refs.TinymceKH3.setContent("TinymceKH3")
      this.$refs.TinymceKH4.setContent("TinymceKH4")
    })
  },
  methods: {
    // ...mapActions('user', ['closeSideBar']),
    // ...mapMutations('user', ['CHAGE_TOKEN']),
    getAllDataForTinym() {
      console.log(this.$refs.TinymceKH1.getContent())
      console.log(this.$refs.TinymceKH2.getContent())
      console.log(this.$refs.TinymceKH3.getContent())
      console.log(this.$refs.TinymceKH4.getContent())
    }
  }
}
</script>

<style lang="scss">
  #TestIndex {

  }
</style>

